:root {
    --slow-bg: #f6f7fa;
    --slow-menu-bg: #eaf4ff;
    --slow-shadow: 2px 0 8px #1d23290d;

    --primary: #358ffd;
    --success: #03b431;
    --warning: #fc7e19;
    --danger: #f24242;
    --info: #358ffd;

    --body-bg: var(--slow-bg);
    --Layout-brand-bg: var(--white);
    --Layout-brand-color: var(--dark);
    --Layout-aside-bg: var(--white);
    --Layout-aside-color: var(--dark);
    --Layout-asideLink-color: var(--dark);
    --Layout-asideLink-iconColor: var(--dark);
    --Layout-aside-subList-bg: var(--white);
    --Layout-asideLink-onActive-arrowColor: var(--dark);
    --Layout-asideLink-fontSize: 0.8rem;
    --Layout-header-bg: var(--white);
    --Layout-aside-width: 220px;
    --Page-main-bg: var(--slow-bg);
    --Panel-borderWidth: 0;
    --Panel-border: none;
    --Panel-boxShadow: var(--slow-shadow);
    --Page-title-fontSize: 18px;
    --Page-title-lineHeight: 1;
    --DropDown-menu-borderWidth: 0;
    --Form-input-onHover-borderColor: var(--primary);
    --Form-input-onFocused-borderColor: var(--primary);
    --Form-select-onFocused-borderColor: var(--primary);
    --Form-select-onFocused-color: var(--primary);
    --ColorPicker-onFocused-borderColor: var(--primary);
    --DatePicker-onFocused-borderColor: var(--primary);
    --InputGroup-select-onFocused-color: var(--primary);
    --Panel--default-bg: transparent;
    --Panel--default-headingBorderColor: transparent;
    --Panel-titleFontSize: var(--fontSizeLg);
    --ListControl-item-onActive-color: var(--primary);
    --ListControl-item-onActive-borderColor: var(--primary);
    --ListControl-item-onActive-before-bg: var(--primary);
    --Switch-checked-onHover-bgColor: var(--primary);
    --Switch-checked-onActive-bgColor: var(--primary);
    --Combo-addBtn-onHover-bg: var(--primary);
    --Combo-addBtn-onActive-bg: var(--primary);
    --Form-select-menu-onActive-color: var(--primary);
    --Button--default-onHover-color: var(--primary);
    --Button--default-onActive-color: var(--primary);
    --Button--default-onActive-border: var(--primary);
    --primary-onActive: var(--primary);
    --info-onHover: var(--info);
    --info-onActive: var(--info);
    --link-onClick-color: var(--primary);
    --Button--info-onActive-bg: var(--info);
    --Button--info-onActive-border: var(--info);
    --Button--info-onHover-bg: var(--info);
    --Button--info-onHover-border: var(--info);
    --Calendar-btn-onActive-bg: var(--primary);
    --Calendar-btn-onActive-border: var(--primary);
    --Calendar-btn-onHover-bg: var(--primary);
    --Calendar-btn-onHover-border: var(--primary);
    --Calendar-shortcut-onHover-color: var(--primary);
    --DatePicker-header-onHover-color: var(--primary);
    --PickerColumns-confirmAction-color: var(--primary);
    --Button-paddingX: 15px;
    --Page-content-paddingY: .5rem;
    --Page-content-paddingX: .5rem;
    --Panel-footerPadding: 1rem var(--gap-base);
    --Panel-headingPadding: var(--gap-base);
}

html, body, .app-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.amis-scope .cxd-Page-headerRow {
    padding: 15px 0 5px 0;
}

.amis-scope .cxd-Page-header {
    display: flex;
    align-items: end;
}

.amis-scope .cxd-Page-subTitle {
    padding-left: 12px;
}

.amis-scope .cxd-Page {
    background: var(--slow-bg);
}

.amis-scope .cxd-Page-main > .cxd-Page-header {
    border-bottom: 0;
}

.amis-scope .cxd-Page-headerRow {
    border-bottom: 0;
}

.amis-scope .antd-Page-main > .antd-Page-header {
    border-bottom: 0;
}

.amis-scope .antd-Page-headerRow {
    border-bottom: 0;
}

.amis-scope .cxd-Layout--asideFixed .cxd-Layout-asideWrap {
    box-shadow: var(--slow-shadow);
}

.amis-scope .cxd-Layout .cxd-Layout-header {
    box-shadow: var(--slow-shadow);
    z-index: 1201;
}

.amis-scope .cxd-AsideNav-list {
    padding: 8px 0;
}

.bg-default {
    background: #f0f2f5;
}

/*隐藏原有的面包屑*/
.cxd-AppBcn {
    display: none;
}

.antd-AppBcn {
    display: none;
}

.a-AppBcn {
    display: none;
}

.dark-AppBcn {
    display: none;
}

/*自适应顶部菜单丢失问题*/
@media (max-width: 767px) {
    .amis-scope .cxd-Layout-headerBar {
        display: flex;
    }

    .amis-scope .cxd-Layout-content {
        margin-top: var(--Layout-header-height);
    }

    .cxd-Layout-headerBar {
        background: var(--Layout-header-bg);
        box-shadow: var(--Layout-header-boxShadow);
        height: var(--Layout-header-height);
    }

    .cxd-Layout-headerBar {
        width: 100%;
    }

    .cxd-AppFoldBtn {
        display: none;
    }

    .amis-scope .cxd-Layout--offScreen .cxd-Layout-aside {
        z-index: 1200;
    }

    .amis-scope .cxd-Layout--offScreen .cxd-Layout-body, .amis-scope .cxd-Layout--offScreen .cxd-Layout-footer {
        padding-top: 100px;
    }
}

/*菜单选中样式*/
.amis-scope .cxd-AsideNav-item.is-active > a {
    background: var(--slow-menu-bg);
    color: var(--primary);
    margin: 3px 10px;
    border-radius: var(--borderRadius);
}

.amis-scope .cxd-AsideNav-itemArrow:empty:before {
    background: url();
    background-size: 100% 100%;
    width: 0.525rem;
    height: 0.725rem;
}

.amis-scope .cxd-AsideNav-item.is-active > a .cxd-AsideNav-itemArrow {
    color: var(--dark);
}

.amis-scope .cxd-AsideNav-item.is-active > a .cxd-AsideNav-itemIcon {
    color: var(--primary);
}

.amis-scope .cxd-AsideNav-item a {
    margin: 3px 10px;
}

.amis-scope .antd-AsideNav-item.is-active > a {
    background: var(--slow-menu-bg);
    color: var(--primary);
    margin: 3px 10px;
    border-radius: var(--borderRadius);
}

.amis-scope .antd-AsideNav-itemArrow:empty:before {
    background: url();
    background-size: 100% 100%;
    width: 0.525rem;
    height: 0.725rem;
}

.amis-scope .antd-AsideNav-item.is-active > a .cxd-AsideNav-itemArrow {
    color: var(--dark);
}

.amis-scope .antd-AsideNav-item.is-active > a .antd-AsideNav-itemIcon {
    color: var(--primary);
}


.amis-scope .antd-AsideNav-item a {
    margin: 3px 10px;
}

/*菜单悬浮样式*/
.amis-scope .cxd-AsideNav-item a:hover {
    background: var(--slow-menu-bg);
    color: var(--primary);
    border-radius: var(--borderRadius);
}

.amis-scope .cxd-AsideNav-item.is-active > a:hover {
    background: var(--slow-menu-bg);
    color: var(--primary);
    border-radius: var(--borderRadius);
}

.amis-scope .cxd-AsideNav-item a:hover .cxd-AsideNav-itemIcon {
    color: var(--primary);
}

.amis-scope .antd-AsideNav-item a:hover {
    background: var(--slow-menu-bg);
    color: var(--primary);
    border-radius: var(--borderRadius);
}

.amis-scope .antd-AsideNav-item.is-active > a:hover {
    background: var(--slow-menu-bg);
    color: var(--primary);
    border-radius: var(--borderRadius);
}

.amis-scope .antd-AsideNav-item a:hover .cxd-AsideNav-itemIcon {
    color: var(--primary);
}

.amis-scope .cxd-Layout-brand img {
    max-height: 999px;
    height: 30px;
    width: 30px;
}

.amis-scope .cxd-Layout-brand {
    font-size: var(--fontSizeLg);
    font-weight: 600;
}

.amis-scope .antd-Layout-brand img {
    max-height: 999px;
    height: 30px;
    width: 30px;
}

.amis-scope .antd-Layout-brand {
    font-size: var(--fontSizeLg);
    font-weight: 600;
}

.amis-scope .a-Layout-brand img {
    max-height: 999px;
    height: 30px;
    width: 30px;
}

.amis-scope .a-Layout-brand {
    font-size: var(--fontSizeLg);
    font-weight: 600;
}

.amis-scope .dark-Layout-brand img {
    max-height: 999px;
    height: 30px;
    width: 30px;
}

.amis-scope .dark-Layout-brand {
    font-size: var(--fontSizeLg);
    font-weight: 600;
}

.admin-user-info {
    border: 0 !important;
    background: transparent !important;
}

.admin-user-info:hover {
    color: var(--black) !important;
}

.amis-scope .cxd-Crud {
    padding: 15px;
    background: white;
    border-radius: var(--borderRadius);
    box-shadow: var(--slow-shadow);
}

.amis-scope .antd-Crud {
    padding: 15px;
    background: white;
    border-radius: var(--borderRadius);
    box-shadow: var(--slow-shadow);
}

.amis-scope .cxd-Card {
    box-shadow: var(--slow-shadow);
    border: none;
}

.amis-scope .antd-Card {
    box-shadow: var(--slow-shadow);
    border: none;
}

.amis-scope .cxd-Layout--folded .cxd-AsideNav-subList {
    border-radius: var(--borderRadius);
    box-shadow: var(--slow-shadow);
}

/**滚动条**/

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    width: 6px;
    background: rgba(#101F1C, 0.1);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

::-webkit-scrollbar-thumb {
    background-color: rgb(187 187 187 / 50%);
    background-clip: padding-box;
    min-height: 28px;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    transition: background-color .3s;
    cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(144, 147, 153, .3);
}

/**滚动条 end**/


.amis-scope .dark-Layout-aside {
    background: var(--dark);
}

.amis-scope .dark-Layout-brand {
    background: var(--dark);
    color: #b4b6bd;
}

.amis-scope .dark-AsideNav-subList {
    background: var(--dark);
}

.amis-scope .dark-AsideNav-item a {
    color: #b4b6bd;
}

.amis-scope .dark-AsideNav-itemIcon {
    color: #b4b6bd;
}

.amis-scope .dark-Layout .dark-Layout-header {
    background: var(--dark);
    color: #b4b6bd;
}

.amis-scope .dark-Page {
    background: var(--dark);
}

.amis-scope .cxd-Remark > span {
    background: transparent;
}

.bg-slow {
    background: var(--slow-bg) !important;
}

.base-filter{
    background: #f7f7f9 !important;
    box-shadow: 0 0 0 0 !important;
}
